<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<script type="text/javascript" src="../assert/js/mootools.r420.js"></script>
	<link rel="stylesheet" type="text/css" href="../assert/css/styles.css" />
	<title>首信科技,信守承诺</title>
</head>
<!-- when the page loads, hide all sliders -->
<body onload = "EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide();">



<div id="container">

	<!-- THE STARTING POINT -->
	
	
	<div id="start" class="positioning">
		<div class="inside">

			<div class="text" style="text-align:center">
			<img src="../assert/../assert/images/index.gif" alt="melissahie.com" /></div>
			<div class="navigator"><div id="gotowork"><img src="../assert/../assert/images/button_start.gif" alt="进入!" /></div></div>

		</div>	
	</div>
	
	
	<!-- ABOUT -->
	
	<div id="about" class="positioning">
		<div class="inside">
			<img src="../assert/../assert/images/title_about.gif" alt="about me, me, me" />
			<div class="header">秦皇岛首信科技电子有限公司.</div>
			<div class="text">
			依山傍海,我们来自美丽的秦皇岛海滨城市 <a href="http://www.ucla.edu/">客服管理</a> (Class of '07). I am not too fond of my major, but I admit it is an interesting field and has given me valuable experiences I would not possess otherwise. My real passion lies in web and graphic designing.<br />
			<br />
			In my free time, I enjoy watching TV shows. Lots and lots of it. My all time favorite is <a href="http://en.wikipedia.org/wiki/The_X-Files">热量计费</a>, which I have been watching literally half my life! Other honorable mentions are Battlestar Galactica and House MD. I like playing videogames, and occasionally trying to speak Japanese (actually, it's my minor in college). I also enjoy reading books, but I like webcomics even better! My favorite comics are <a href="http://www.xkcd.com/">网上审批</a> and <a href="http://www.pbfcomics.com/">渠道监控</a>. These guys are brilliant.
			</div>
			<div class="navigator"><div id="gotoskills"><img src="../assert/../assert/images/button_skills.gif" alt="on to my portfolio!" /></div></div>
		</div>
	</div>
	
	
	<!-- WORK -->
	
	
	<div id="work" class="positioning">
		<div class="inside">
			<div id="sliderEva" class="slider"><img src="../assert/images/screenshot/evacare.jpg" id="evacareout" alt="Eva Care Group" /><br /><br />
			<a href="http://www.evacare.net/">launch</a> | click on the image to close</div>
			
			<div id="sliderst4r" class="slider"><img src="../assert/images/screenshot/st4rbuck.jpg" id="st4rout" alt="st4rbuck.net" /><br /><br />
			my past portfolio site | click on the image to close</div>
			
			<div id="sliderRick" class="slider"><img src="../assert/images/screenshot/rickdavid.jpg" id="rickout" alt="RickDavidPhoto.com" /><br /><br />
			<a href="http://www.rickdavidphoto.com/">launch</a> | click on the image to close</div>
			
			<div id="sliderLakiff" class="slider"><img src="../assert/images/screenshot/lakiff.jpg" id="lakiffout" alt="LAKIFF" /><br /><br />
			click on the image to close</div>
			
			<img src="../assert/images/title_work.gif" alt="work, work." />
			
			<div class="header">温暖，让我们走的更远！</div>
			
			<div class="text">一起走过温暖的日子！<br/>
			<div id="evacarein" class="button"><img src="../assert/images/thumb/evacare.jpg" alt="Eva Care Group" /></div> <div id="st4rin" class="button"><img src="../assert/images/thumb/st4rbuck.jpg" alt="st4rbuck.net" /></div> <div id="rickin" class="button"><img src="../assert/images/thumb/rickdavid.jpg" alt="RickDavidPhoto.com" /></div> <div id="lakiffin" class="button"><img src="../assert/images/thumb/lakiff.jpg" alt="LAKIFF" /></div>
			
			</div>
			<div class="navigator"><div id="gotoprint"><img src="../assert/images/button_print_design.gif" alt="view  print design" /></div></div>
			
		</div>	
	</div>
	
	
	<!-- CONTACT -->
	
	
	<div id="contact" class="positioning">
		<div class="inside">
			<img src="../assert/images/title_contact.gif" alt="contact me!" />
			<div class="header">ways to reach me</div>
			<div class="text">please contact me through email: <a href="mailto:melissa at melissahie dot com">melissa (at) melissahie (.) com</a><br />
			<br /><b>Note:</b> I am currently available for freelancing, but would also welcome a full-time job opportunity. If you are interested please contact me with details (preferably something more than just the generic "I have a project you might be interested in..."). I've found that I work best when I actually connect with the people I work for :)<br /><br />
			来源：<a href="http://melissahie.com/" target="_blank">http://melissahie.com/</a> 　代码整理：<a href="http://www.68design.net/" target="_blank" class="red">懒人图库</a>　＊尊重他人劳动成果，转载请自觉注明出处！ 　<br />
			<br />
			Copyright &copy; 2007 by Melissa Hie | All Rights Reserved<br />
			script by <a href="http://www.mootools.net/">mootools.net</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://getfirefox.com/">Get Firefox</a>
			</div>
			
			<div class="navigator"><div id="gotohome"><img src="../assert/images/button_home.gif" alt="go back home" /></div></div>
		</div>	
	</div>
	
	
	<!-- PRINT -->
	
	<div id="print" class="positioning">
		<div class="inside">
		
			<div id="sliderPrf6" class="slider"><img src="../assert/images/print/phirhofall06.jpg" id="prf6out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
			click on the image to close</div>
			
			<div id="sliderPrs7" class="slider"><img src="../assert/images/print/phirhospring07.jpg" id="prs7out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
			click on the image to close</div>
		
			<img src="../assert/images/title_print.gif" alt="Print Design" />
			<div class="header">新平台&nbsp;&nbsp;新体验</div>
			<div class="text">
			
			<div  id="prf6in" class="button"><img src="../assert/images/thumb/phirhofall06.jpg" alt="Phi Sigma Rho Rush Flyer" /></div> <div id="prs7in" class="button"><img src="../assert/images/thumb/phirhofall07.jpg" alt="Phi Sigma Rho Rush Flyer" /></div>
			</div>
			<div class="navigator"><div id="gotoabout"><img src="../assert/images/button_about.gif" alt="Skillsets" /></div></div>
		</div>	
	</div>
	
	
	<div id="skills" class="positioning">
		<div class="inside">
			<img src="../assert/images/title_skills.gif" alt="Skills" />
			<div class="header"></div>
			<div class="text">
			<ul id="purple">
				<li>安全节能 轻松搞定</li>
				<li>专利设计 温馨周到</li>
				<li>个性化服务 满足需求</li>
				<li>精英技术团队 确保品质</li>
				<li>独特文化 彰显优势</li>
				<li>使命梦想 铸就温暖</li>
			</ul>
			</div>
			<div class="navigator"><div id="gotocontact"><img src="../assert/images/button_contact.gif" alt="contact me" /></div></div>
			
		</div>	
	</div>

	
	

</div>



<script type="text/javascript">

	// navigations
	
	var skroll = new Fx.Scroll(window, {duration: 1500, wait: false, transition: Fx.Transitions.quadInOut});
	
	// website layouts
	var EvaSlider = new Fx.Slide('sliderEva', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var st4r = new Fx.Slide('sliderst4r', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var rickSlider = new Fx.Slide('sliderRick', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var lakiffSlider = new Fx.Slide('sliderLakiff', {duration: 1000, transition: Fx.Transitions.bounceOut});
	
	
	
	$('gotohome').addEvent('click', function(){ skroll.toElement('start'); });
	$('gotoabout').addEvent('click', function(){ skroll.toElement('about'); });
	$('gotowork').addEvent('click', function(){  skroll.toElement('work'); EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide(); });
	$('gotocontact').addEvent('click', function(){ skroll.toElement('contact'); });
	$('gotoprint').addEvent('click', function(){ skroll.toElement('print'); });
	$('gotoskills').addEvent('click', function(){ skroll.toElement('skills'); });
	
	

	$('evacarein').addEvent('click', function(){ st4r.hide();rickSlider.hide(); lakiffSlider.hide();EvaSlider.toggle(); });
	$('evacareout').addEvent('click', function(){ st4r.hide();rickSlider.hide(); lakiffSlider.hide();EvaSlider.toggle(); });
	
	$('st4rin').addEvent('click', function(){ EvaSlider.hide();rickSlider.hide();lakiffSlider.hide();st4r.toggle(); });
	$('st4rout').addEvent('click', function(){ EvaSlider.hide();rickSlider.hide();lakiffSlider.hide();st4r.toggle(); });

	$('rickin').addEvent('click', function(){ st4r.hide();EvaSlider.hide();lakiffSlider.hide();rickSlider.toggle(); });
	$('rickout').addEvent('click', function(){ st4r.hide();EvaSlider.hide();lakiffSlider.hide();rickSlider.toggle(); });
	
	$('lakiffin').addEvent('click', function(){ st4r.hide();EvaSlider.hide();rickSlider.hide();lakiffSlider.toggle(); });
	$('lakiffout').addEvent('click', function(){ st4r.hide();EvaSlider.hide();rickSlider.hide();lakiffSlider.toggle(); });
	
	//print
	var prf6Slider = new Fx.Slide('sliderPrf6', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var prs7Slider = new Fx.Slide('sliderPrs7', {duration: 1000, transition: Fx.Transitions.bounceOut});
	
	$('prf6in').addEvent('click', function(){ prf6Slider.toggle();prs7Slider.hide(); });
	$('prf6out').addEvent('click', function(){ prf6Slider.toggle();prs7Slider.hide(); });
	
	$('prs7in').addEvent('click', function(){ prf6Slider.hide();prs7Slider.toggle(); });
	$('prs7out').addEvent('click', function(){ prf6Slider.hide();prs7Slider.toggle(); });
	
	
</script>

</body>
</html>

